<template>
  <view class="container">

    <top-news-card 
      v-for="(item, index) in newsList" 
      :key="index" 
      :title="item.title" 
      :content="item.content" 
      :isTop="item.isTop"
    ></top-news-card>
  </view>
</template>

<script>

import TopNewsCard from "@/uni_modules/topnewscard.vue";

export default {
  components: {
    TopNewsCard
  },
  data() {
    return {
      newsList: [
        {
          title: "此行间·100秒回顾习近平韩国之行",
          content: "2025年11月05日 08:36 人民日报",
          isTop: true
        },
        {
          title: "拨款法案再次“闯关”失败",
          content: "2025年11月05日 04:48 新浪网 作者 澎湃新闻",
          isTop: true
        },
        {
          title: "安世承认：不知中方何时放行",
          content: "2025年11月05日 08:27 新浪网 作者 观察者网",
          isTop: false
        },
        {
          title: "美国肯塔基州一机场发生飞机坠毁事故",
          content: "2025年11月05日 08:17 环球网",
          isTop: false
        },
		{
		  title: "美国肯塔基州一机场发生飞机坠毁事故",
		  content: "2025年11月05日 08:17 环球网",
		  isTop: false
		},
		{
		  title: "美国肯塔基州一机场发生飞机坠毁事故",
		  content: "2025年11月05日 08:17 环球网",
		  isTop: false
		},
		{
		  title: "美国肯塔基州一机场发生飞机坠毁事故",
		  content: "2025年11月05日 08:17 环球网",
		  isTop: false
		},
		{
		  title: "美国肯塔基州一机场发生飞机坠毁事故",
		  content: "2025年11月05日 08:17 环球网",
		  isTop: false
		},
		{
		  title: "美国肯塔基州一机场发生飞机坠毁事故",
		  content: "2025年11月05日 08:17 环球网",
		  isTop: false
		},
		{
		  title: "美国肯塔基州一机场发生飞机坠毁事故",
		  content: "2025年11月05日 08:17 环球网",
		  isTop: false
		}
      ]
    };
  }
};
</script>

<style scoped>
.container {
  padding: 10rpx;
}
</style>